<script setup lang="ts">
import HeaderArea from "@/components/search/HeaderArea.vue";
import SearchArea from "@/components/search/SearchArea.vue";
import MoreArea from "@/components/search/MoreArea.vue";
</script>

<template>
    <van-sticky>
<!--        <TopView >我的消息</TopView>-->


        <div class="fix">
            <!--头部区域-->
            <HeaderArea >
                <slot></slot>
            </HeaderArea>

            <!--搜索和侧导航栏-->
            <div class="searchAside">
                <SearchArea></SearchArea>
                <MoreArea></MoreArea>
            </div>
        </div>

    </van-sticky>
</template>

<style scoped lang="less">
.searchAside{
    border-top: 1px solid lightgray;
}
.top {
    //width: 375px;
}
.fix{
    width: 100%;
  //position: fixed;
  //top:0;
  //z-index: 9999;
  background-color: white;
}
.searchAside{
    display: flex;
    justify-content: space-between;
}
</style>